<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:rich="http://richfaces.org/rich">
    <head>
        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
        <title>World Social Web</title>
        <meta name="keywords" content="" />
        <meta name="description" content="" />
        <link href="style/style.css" rel="stylesheet" type="text/css" media="screen" />
    </head>
    <body>
        <div id="logo">
            <h1>World Social Web</h1>
            <p><em>donaciones en línea</em></p>
        </div>
        <hr />
        <!-- end #logo -->
        <div id="header">
            <div id="menu">
                <ul>
                    <h:form>
                        <li><h:commandLink value="Regístrese" action="singUp" /></li>
                        <li><h:commandLink value="Fundaciones" action="fundaciones" /></li>
                        <li><h:commandLink value="Quienes Somos" action="mision" /></li>
                        <li><h:commandLink value="Contáctenos" action="contacto" /></li>
                    </h:form>
                </ul>
            </div>
            <!-- end #menu -->
            <div id="search">
                <form method="get" action="">
                    <fieldset>
                        <input type="text" name="s" id="search-text" size="15" />
                        <input type="submit" id="search-submit" value="GO" />
                    </fieldset>
                </form>
            </div>
            <!-- end #search -->
        </div>
        <!-- end #header -->
        <!-- end #header-wrapper -->
        <div id="page">
            <div id="content">
                <div class="post">
                    <h2 class="title"><a>Bienvenido a World Social Web</a></h2>
                    <p class="meta"></p>
                    <div class="entry">
                        <p>
                            <rich:panel>
                                <f:facet name="header">
                                    Login WSW
                                </f:facet>
                                <h:form>
                                    <center>
                                    <h:panelGrid columns="2" >
                                        <h:outputText value="Nombre Usuario:"/>
                                        <h:inputText value="#{LoginBean.nombre}"/>
                                        <h:outputText value="Password:"/>
                                        <h:inputSecret value="#{LoginBean.passwd}"/>
                                    </h:panelGrid>
                                    <h:commandButton value="Ingresar" action="#{LoginBean.loginUsuario}"/>
                                    </center>
                                </h:form>
                            </rich:panel>

                        </p>
                        
                    </div>
                </div>

                <div class="post">
                    <h2 class="title"><a href="#">Publicidad destacada</a></h2>
                    <p class="meta">Domingo, Abril 26, 2009 7:27 AM Posted by <a href="#">WSW</a></p>
                    <div class="entry">
                        <p>Acá va el contenido de la publicidad</p>
                    </div>
                </div>
            </div><!-- end #content -->
            <div id="sidebar">
                <ul>

                    <li>
                        <h2>Recursos adicionales </h2>
                        <ul>
                            <h:form>
                            <li><h:commandLink value="Regístrese" action="singUp" /></li>
                            <li><h:commandLink value="Fundaciones" action="fundaciones" /></li>
                            <li><h:commandLink value="Quienes Somos" action="mision" /></li>
                            <li><h:commandLink value="Contáctenos" action="contacto" /></li>
                            </h:form>
                        </ul>
                    </li>
                    <li>
                        <h2>Publicidad 2</h2>
                        <p>Contenido de la publicidad 2.</p>
                    </li>
                </ul>
            </div>
            <!-- end #sidebar -->
            <div style="clear: both;">&nbsp;</div>
        </div>
        <!-- end #page -->
        <div id="footer">
            <p>Copyright (c) 2010 World Social Web. Todos los derechos reservados.</p>
        </div>
        <!-- end #footer -->
    </body>
</html>
